<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta NAME="KEYWORDS" CONTENT="Times of India,News,Twitter,TOI,TOIhead,TOI-let paper ">
<meta NAME="DESCRIPTION" CONTENT="The Times of India News on Twitter">
<meta NAME="ROBOTS" CONTENT="ALL">
		
<title>News Buzz</title>
<link rel="shortcut icon" href="http://timesofindia.indiatimes.com/icons/toifavicon.ico">
<style type="text/css">
hr{
	color: #000; background-color: #000; border: 1px dotted #fff; border-style: none none dotted;
}
.tweets{
	padding: 3px;
	color: #fff;
}
.tweets a{
	color:#4AED05;
}
body{
text-align:center;
background: #C0DEED url(http://a3.twimg.com/a/1261078355/images/bg-clouds.png) repeat-x;
background-image: url(http://a3.twimg.com/a/1261078355/images/bg-clouds.png);
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: #C0DEED;
}
.container{
margin:1.5em auto;
position:relative;
width:763px;
text-align:left;
}
.header{
text-align:right;
}
.links{
display:inline-block;
padding:5px;
}
.round{
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
}
a{display:inline;text-decoration:none;color:#2276BB;}
a:hover{text-decoration:underline;}
.banner{text-align:center;color:#0281E2;position:absolute;left:0px;background-color:white;width:260px;padding-left:0px;top:-5px;}
.content{margin-top:15px;background-color:#ffffff;}

</style>
</head>
<body>
	<div class="container" style="width: 900px">
		<div style="position:absolute;width:600px;top:20px;left:100px;">
			<h2 style="text-align:center;font: cursive;color: #9C0606;">
				News Buzz
			</h2>
		    <div class="round" style="margin-top: 30px;margin-bottom:30px;padding:10px;width: 500px;background-color: #333333;color: %ffffff;">
				<a style="float: left;" target="_blank" href="http://twitter.com/toihead" >
					<img width="40px" alt="profile" class="twtr-profile-img" src="http://a3.twimg.com/profile_images/526718675/toi_logo_1__normal.gif">
				</a>
				<span style="color: #ffffff;font-size: 16px;font-weight: bold;padding-left: 10px;">The Times of India<br/></span>
				<span style="color: #ffffff;padding-left: 10px;"><a style="color: #ffffff;" target="_blank" href="http://twitter.com/toihead">@toihead</a></span>
				<div class="round" style="background-color: #000;margin-top: 20px;padding-top: 10px;">
					{% for tweet in tweets %}
					<div class="tweets">
						{{tweet.text|urlize}}<hr color="#ffffff"/>
					</div>	
					{% endfor %}
				</div>                         
		    </div>
		</div>
		<div class="right" style="position: absolute;top: 100px;left: 700px;">
			<!-- <h2>Twitter Trends</h2>
				{% for trend in trends %}
					<a href="{{ trend.url }}"> {{ trend.name }} </a><br />
				{% endfor %} -->
			<div id="ads">
				<script type="text/javascript"><!--
					google_ad_client = "pub-4636190426913391";
					/* 120x600, created 10/12/09 */
					google_ad_slot = "5116214663";
					google_ad_width = 120;
					google_ad_height = 600;
					//-->
				</script>
				<script type="text/javascript"
					src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
				</script>
				<script type="text/javascript"
					src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
				</script>
			</div>
		</div>
    </div>    
    <script type="text/javascript">
		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript">
		try {
		var pageTracker = _gat._getTracker("UA-5769389-15");
		pageTracker._trackPageview();
		} catch(err) {}
	</script>            
</body>
</html>